a.language{ display: block; float: left; margin-top: 25px; margin-left: 16px;}
.product-bg img{ width: 100%; height: 100%;}

.case-detail-l{ width: 66.66%;}
.product ul li img{ height: 100%;}
.mb-banner, .mb-main, .mb-footer, .mb-main2, .mb-team-list, .case-detail-l-name, .mb-report{ display: none;}

@media screen and (max-width: 1499px){

	.join-require{ height: 600px;}
	.join-require strong{ height: 70px; height: 70px;}
	.join-require-con{ height: 352px;}

}

@media screen and (max-width: 1199px){
	.container{ width: 96%; margin-left: 2%; margin-right: 2%;}

	.footer2-r, .ask{ display: none;}

	.nyleft{ display: none;}
	.nyright{ width: 100%;}

	.view-list ul li i{ display: none;}

	.viewtit p{ padding-top: 30px;}
	.diagnosis-form input{ width: 32.2%;}
	.sy-pic{ height: 230px;}
	.view-list ul li:hover .sy-pic{ height: 270px;}
	.product-pic{ height: 100%;}
	.product ul li{ height: 170px;}
	.product-wen2, .product-wen{ top: 12px; width: 332px;}
	.product ul li:hover .product-wen2{  right: 28px; width: 466px;}
	.product ul li:hover .product-wen{ left: 28px; width: 466px;}
	.strategy a{ left: 258px;}
	.customer{ background-size: 100% auto;}
	.ency-wen{ width: 315px;}
	.tel{ display: block;}
	a.language{ display: none;}

	.planmake ul li.pl1{ width: 278px;}
	.planmake ul li.pl2{ width: 272px;}
	.planmake ul li.pl3{ width: 262px; top: 210px;}
	.planmake ul li.pl4{ width: 254px; top: 210px;}
	.planmake ul li.pl5{ left: 84px; top: 345px;}
	.planmake ul li.pl6{ right: 100px; top: 345px;}

	.sem-advantage ul li.ad1{ width: 454px; left: 36px; top: 50px;}
	.sem-advantage ul li.ad2{ width: 290px; top: 194px; left: 0;}
	.sem-advantage ul li.ad3{ left: auto; right: 0; width: 282px; top: 194px;}
	.sem-advantage ul li.ad4{ width: 260px; top: 320px;}
	.sem-advantage ul li.ad5{ left: auto; right: 0; width: 256px; top: 320px;}

	.seo-advantage ul li.ad1{ width: 390px; top: 65px;}
	.seo-advantage ul li.ad2{ width: 400px; top: 65px;}
	.seo-advantage ul li.ad3{ width: 286px; top: 186px;}
	.seo-advantage ul li.ad4{ width: 284px; top: 186px;}
	.seo-advantage ul li.ad5{ width: 260px; top: 320px;}
	.seo-advantage ul li.ad6{ width: 254px; top: 320px;}

	.mghonor ul li.ad1{ width: 354px; top: 60px;}
	.mghonor ul li.ad2{ width: 273px; top: 188px; left: 8px;}
	.mghonor ul li.ad3{ width: 292px; top: 188px;}
	.mghonor ul li.ad4{ width: 256px; top: 316px;}
	.mghonor ul li.ad5{ width: 256px; top: 316px;}

	.cl-con ul li.ad1{ width: 276px;}
	.cl-con ul li.ad2{ width: 272px;}
	.cl-con ul li.ad3{ width: 272px; top: 200px;}
	.cl-con ul li.ad4{ width: 265px; top: 200px;}
	.cl-con ul li.ad5{ left: 100px; top: 336px;}
	.cl-con ul li.ad6{ right: 106px; top: 336px;}

	.cl2-con ul li.ad1{ left: 90px; top: 76px;}
	.cl2-con ul li.ad2{ right: 100px; top: 76px;}
	.cl2-con ul li.ad3{ width: 290px; left: 0; top: 186px;}
	.cl2-con ul li.ad4{ width: 288px; top: 186px;}
	.cl2-con ul li.ad5{ width: 194px; top: 324px;}
	.cl2-con ul li.ad6{ width: 188px; top: 324px;}


}
@media screen and (max-width: 1099px){
	.product-wen2, .product-wen{ top: 12px; width: 282px;}
	.product ul li:hover .product-wen2{  right: 28px; width: 406px;}
	.product ul li:hover .product-wen{ left: 28px; width: 406px;}
	.view-wen{ margin-top: 120px;}
	.view-name{ width: 225px;}
	.reports ul li{ margin-bottom: 12px;}
	.reports ul li{ width: 29.5%; margin-left: 3.5%;}
	.encyclopedia{ margin-top: 30px;}
	.ency-wen{ width: 276px;}
	.footer2-l dl{ margin-right: 72px;}
	.rtb-bk{ width: 66%;}
	.seo-wen1 ul li{ padding-left: 50px;}
	.line-more a{ margin: 6px;}
	.sy-pic{ height: 180px;}
	.view-list ul li:hover .sy-pic{ height: 220px;}
	.sy-wen p{ height: 72px;}
	.view-list ul li{ height: 282px; margin-bottom: 20px;}
	.common-con4 ul li p{ width: 300px;}
}


@media screen and (max-width: 1000px){
	.mb-main2{ margin-bottom: 10rem;}

	.tel, a.language{ display: none;}

	.top ul li{ padding: 0 15px;}
	.join-con{ margin-left: 48px;}
	.join-require{ width: 80%;}
	.join-require i{ right: 10px; top: 10px;}
	
	.view-list ul li, .sy-pic{ height: auto;}

	.comt{ display: none;}
	.viewtit p{ margin: 0; padding-top: 18px;}
	.nywrap-tit{ height: auto; padding-bottom: 18px; margin-bottom: 24px;}

	.weizhi{ display: none;}
	.case-list, .marketing{ margin-top: 30px;}
	.nywrap{ margin-top: 20px; margin-bottom: 9rem;}
	.compile span.compile-name{background: url(../Images/de1_03.jpg) no-repeat left center;}
	.compile span.compile-date { background: url(../Images/de2_03.jpg) no-repeat left center;}
	.compile span{ padding-left: 26px;}

	.media-list{ margin-top: 18px;}
	.view-list{ margin-top: 24px;}
	.mb-team-list{ text-align: center; margin-bottom: 12rem;}
	.mb-banner, .mb-main, .mb-footer, .mb-main2, .mb-team-list, .case-detail-l-name, .mb-report{ display: block;}
	.pc-con1, .footer, .header, .pc-pro, .team-list, .resp-form, .case-detail-r{ display: none;}
	.case-detail-l{ width: 100%;}
	.case-detail-l img{ display: block; margin: 20px auto;}

	.join-require-con{ height: 250px; overflow-y: scroll;}
	.join-require strong{ height: 60px; line-height: 60px;}
	.join-require .require span{ padding-right: 20px;}

	.marketing-detail-l{ width: 100%; margin-bottom: 20px;}
	.marketing-detail-r{ width: 100%;}
	.marketing-detail-pad{ width: 90%; height: auto; margin: 0 auto; background-size: 102%  auto; padding-top: 28px; padding-bottom: 34px;}
	.marketing-detail-item{ width: 80%; margin: 0 auto; height: auto;}
	.marketing-detail-l ul li{ margin-bottom: 10px;}
	.marketing-detail-l ul li.active:after{ display: none;}

	.fanye{ height: auto;}
	.label-l a{ margin-bottom: 10px;}

	.case-detail{ margin-top: 4rem; margin-bottom: 9rem;}
	.case-detail-r-tit strong{ font-size: 5rem;}
	.case-detail-r-tit span{ padding-bottom: 4rem;}
    .team-item-w{ display: none; }
    .team-w{ margin-bottom: 20px; }

    .xz-banner .xz-news{display: none;}
	.xz-mb-news{ display: block; }
}



@media screen and (max-width: 769px){

	.join-require{ width: 80%; height: 480px;}
	.join-require .require{ padding: 16px 0; margin: 0 20px;}
	.join-require .require span{ line-height: 26px;}
	.join-require .join-k{ margin: 0 20px 20px;}

	.viewpoint-date{ display: none;}
	.viewpoint-wen{ margin-right: 0;}
	
	.detail-con{ margin-bottom: 24px;}
	.compile .fx3{ display: none;}
	.detail-tit{ line-height: 32px; height: auto; padding: 19px 0;}
	.label img{ display: none;}
	.fanye{ margin: 20px 0;}
	.fanye p{ width: 100%; padding: 0; background: none;}
	.fanye p.next-chapter{ background: none; text-align: left; padding: 0;}

	.case-list ul li{ width: 48%; margin: 0 1% 24px;}

	.nymedia-first{ display: none;}
	
	.marketing-list ul li{ width: 100%; margin-top: 20px; padding-bottom: 20px;}
	.marketing-case ul li{ width: 25%;}
	.marketing-tit{ height: 55px; padding-top: 10px;}
	.marketing-wen p{ width: 100%;}
	.marketing-pic{ margin-top: 26px;}
	.marketing-wen{ margin-top: 26px;}
    .join {    margin-top: 1rem;}
	.view-list ul li{ width: 31.33%; margin: 0 1% 2%;}
}


@media screen and (max-width: 641px){

	.join ul li{ width: 100%; margin: 0 1% 20px;}

	.contact-ico, .ditu{ display: none;}
	.contact-wen ul li{ width: 100%;}
	
	.viewpoint ul li{ padding: 20px 0;}
	.viewpoint-pic{ width: 40%;}
	.viewpoint-wen{ margin-left: 43%;}
	.viewpoint-wen strong{ display: block; line-height: 28px; height: 28px; overflow: hidden;}

	.paging{ text-align: center; margin-bottom: 60px;}
	.marketing-case ul li{ height: 130px; }
	.marketing-case ul li img{ display: inline-block; margin-top: 40px; }
	.compile{ margin-top: 16px;}
}



@media screen and (max-width: 481px){

	.viewpoint-wen p{ line-height: 20px; height: 40px; overflow: hidden;}
	
	.media-list ul li{ height: 50px; line-height: 50px; border-bottom: 1px solid #eee; font-size: 12px; background: none; padding-right: 0;}
	.media-list ul li span{ font-size: 12px; padding-right: 12px; margin-right: 12px; margin-top: 17px;}

	.case-list ul li{ width: 100%;}

	
	.marketing-tit{ background: #f4f4f4;}
	.marketing-list ul li.active{ border-bottom: 4px solid #f4f4f4;}
	.marketing-list ul li.active .marketing-tit{ background: #f4f4f4;}
	.marketing-list ul li.active .marketing-tit p{ color: #202020;}
	.marketing-list ul li.active .marketing-tit p span{ color: #202020;}
	.marketing-tit p{ margin-left: 18px;}
	.marketing-wen p{ margin-top: 6px;}
	.marketing-wen i{ display: none;}
	.marketing-case ul li{ width: 33.33%;}
	.marketing-case{ margin-top: 24px;}
	
	.sy-js strong{ margin-top: 6px;}
	.view-list ul li{ width: 48%; }
	.nywrap{ margin-bottom: 4rem;}
	.paging2{ margin-bottom: 20px;}

	.mb-main2{ margin-bottom: 0;}

	.marketing-wen strong{ font-size: 15px;}
	.marketing-case ul li:last-child{ width: 100%; border-bottom: 0;}
	.marketing-case ul li a{ width: 100%; background-color: transparent; padding-top: 0; height: 70px;}
	.marketing-case ul li a span{ background-color: #46454e; color: #fff;}
	.marketing-detail-l{ padding-top: 24px;}
	.marketing-detail-tit strong{ font-size: 18px;}
	.marketing-detail-l ul{ margin-top: 24px;}
	.mb-team-list{ margin-bottom: 10rem;}
	.marketing-case ul li a span{ display: block; margin: 22px auto 0; background-color: #555; width: 300px; height: 50px; border-radius: 10px; text-align: center; line-height: 50px; font-size: 16px; color: #fff; text-transform: uppercase;}
	.fanye{ margin-bottom: 6rem;}
	.join-require .require{ line-height: 20px; padding: 10px 0;}
	.join-require{ height: auto; margin-top: 20px !important;}
	.join-require .apply{ height: auto; padding-bottom: 2rem;}
	.join-require .apply a{ margin-top: 2rem; font-size: 3rem;}
	.join{ margin-bottom: 8rem;}

}